<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/jsp/pages/include/global.jsp" %>

<c:set target="${self}" property="title">系统组织管理</c:set>

<c:set target="${self.css}" property="plugins">
<link href="${self.path.metronic}/assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
</c:set>

<c:set target="${self.js}" property="plugins">
<script src="${self.path.metronic}/assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.css}" property="main">

</c:set>

<c:set target="${self.js}" property="main">
<script src="${self.path.resources}/console/js/org.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.content}" property="main">
 <div class="row">
    <div class="col-md-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-social-dribbble"></i>
                   	组织机构树
                </div>
                
            </div>
            <div class="portlet-body">
                <div id="org_tree" class="tree-demo">
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="portlet light ">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-bubble"></i>
                                                     机构详情
                </div> 
            </div>
            <div class="portlet-body">
                <form action="#" class="form-horizontal" id="orgViewForm">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="orgNumber" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构名称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control"  name="orgName" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构描述</label>
				            <div class="col-md-8">
				                 <textarea class="form-control"  name="orgDesc" readOnly></textarea>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构排序</label>
				            <div class="col-md-8">
				                 <input type="input" class="form-control" name="orgWeight" readOnly>
				            </div>
				        </div>
				    </div>
				</form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-modal-lg" id="orgEditDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="orgEditDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title">机构定义</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="orgForm">
	        		<input type="hidden" class="form-control" name="orgParent">
	        		<input type="hidden" class="form-control" name="orgId">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="机构编号" name="orgNumber">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构名称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="机构名称" name="orgName" required>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构描述</label>
				            <div class="col-md-8">
				                 <textarea class="form-control" placeholder="机构描述" name="orgDesc"></textarea>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">机构排序</label>
				            <div class="col-md-8">
				                 <input type="input" class="form-control" placeholder="机构排序" name="orgWeight">
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>
</c:set>

<%@ include file="/WEB-INF/views/jsp/pages/include/main.jsp"%>